<template>
  <view class="bg-white column">
    <view class="row space-between msg-item">
      <view class="left-name">联系电话</view>
      <view class="right row">
        18521452152
        <view class="icon-box">
          <image :src="$mConfig.imageUrl + '/img/icon-tel.png'" class="img" />
        </view>
      </view>
    </view>
    <view class="row space-between msg-item">
      <view class="left-name">客服微信</view>
      <view class="right row">
        点击咨询
        <view class="icon-box">
          <image :src="$mConfig.imageUrl + '/img/icon-wx.png'" class="img" />
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      opinion: '',
      aboutus: '',
      item: {
        logo: this.$mConfig.imageUrl + '/logo.png',
        name: 'xxx网络科技有限公司',
        servicePhone: '15888888888',
        wechatNumber: '232323232',
        qqNumber: '2342342323',
        email: '123123123213@qq.com',
        website: 'www.baidu.com',
      },
    }
  },
  onLoad() {},
  methods: {
    /**
     * banner加载后触发的回调
     */
    onqueryload(data) {
      console.log('onqueryload==', data)
    },

    opinionInput(e) {
      this.opinion = e.detail.value
    },

    call(phone) {
      console.log('拨打电话：', phone)
      uni.makePhoneCall({
        phoneNumber: phone,
      })
    },

    copyText(content) {
      console.log('copyText==', content)
      uni.setClipboardData({
        data: content,
        success: function (res) {
          uni.getClipboardData({
            success: function (res) {
              uni.showToast({
                title: '复制成功',
                duration: 2000,
              })
            },
          })
        },
      })
    },
  },
}
</script>

<style lang="scss">
page {
  background: #f9f9f9;
}
.bg-white {
  padding: 0 30rpx;
  .msg-item {
    padding: 30rpx 0;
    &:first-child {
      border-bottom: 1px solid #f4f4f4;
    }
    .left-name {
      color: #666;
      font-size: 30rpx;
    }
    .right {
      color: #222;
    }
    image {
      width: 36rpx;
      height: 36rpx;
      margin-left: 16rpx;
    }
  }
}
</style>
